<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<%@include file="/common/head.jsp" %>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form role="form" class="form-inline" id="query-form" method="post" action="${ctx }/admin/news/list_emp" >
                        <!-- 查询开始 -->
                        <%-- <div class="form-group">
                             <label for="query-serialNum" class="sr-only2">编号</label>
                                 <input type="text" id="query-serialNum" name="serialNum" value="${query.serialNum }" class="form-control input-sm">

                         </div>--%>

                        <div class="form-group">
                            <label for="query-title" class="sr-only2">标题</label>
                            <input type="text" id="query-title" name="title" value="${query.title }" class="form-control input-sm">

                        </div>
                        <div class="form-group">
                            <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-search"></i>&nbsp;查询</button>
                        </div>
                        <!-- 查询结束 -->
                    </form>

                    <div>
                        <p>

<%--
                            <button type="button" class="btn btn-sm btn-outline btn-primary" onclick="add()"><i class="fa fa-plus"></i> 编写</button>
--%>

                            <button type="button" class="btn btn-sm btn-outline btn-info " onclick="edit()"><i class="fa fa-paste"></i> 查看</button>

<%--
                            <button type="button" class="btn btn-sm btn-outline btn-danger" onclick="del();">删除</button>
--%>

                            <button type="button" class="btn btn-sm btn-outline btn-info " onclick="reOpen()"><i class="fa fa-refresh"></i> 刷新</button>
                        </p>
                    </div>
                    <table id="table" data-toggle="table" data-striped="true" data-click-to-select="true" data-mobile-responsive="true">
                        <thead>
                        <tr>
                            <th data-field="_state" data-checkbox="true"></th>
                            <th data-field="id" data-visible="false">ID</th>

                            <%--<th data-field="serialNum">编号</th>--%>

                            <th data-field="title">标题</th>
                            <%--<th data-field="summary">概要</th>--%>
                            <%--<th data-field="thumb">缩略图</th>--%>
                            <%--<th data-field="content">新闻文本内容</th>--%>
                            <%--<th data-field="creator">creator</th>--%>
                            <%--<th data-field="createTime">createTime</th>--%>
                            <%--<th data-field="updator">updator</th>--%>
                            <%--<th data-field="updateTime">updateTime</th>--%>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${list }" var="n" varStatus="idx">
                            <tr data-index="${idx.index }" data-id="${n.id }">
                                <td class="bs-checkbox">
                                    <input data-index="0" name="btSelectItem" type="checkbox">
                                </td>
                                <td style="">${n.id }</td>

                                    <%--<td style="">${n.serialNum }</td>--%>

                                <td style="">${n.title }</td>
                                    <%--<td style="">${n.summary }</td>--%>
                                    <%--<td style="">${n.thumb }</td>--%>
                                    <%--<td style="">${n.content }</td>--%>
                                    <%--<td style="">${n.creator.id}</td>--%>
                                    <%--	<td style="">
                                            <fmt:formatDate value="${n.createTime }" pattern=""/>
                                        </td>
                                        <td style="">${n.updator.id}</td>
                                        <td style="">
                                            <fmt:formatDate value="${n.updateTime }" pattern=""/>
                                        </td>--%>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>

                    <%@include file="/common/page.jsp" %>

                </div>
            </div>
        </div>
    </div>
</div>

<%@include file="/common/foot.jsp" %>
<script>
    function add() {
        k.layer.add("${ctx}/admin/news/detail");
    }

    function edit() {
        var selections = $('#table').bootstrapTable('getAllSelections');
        if (selections.length == 0) {
            error('请选择一条记录');
            return;
        } else if (selections.length > 1) {
            error('只能选择一条记录');
            return;
        }
        var id = selections[0].id;

        layer.open({
            type: 2,
            skin: 'layui-layer-rim', //加上边框
            area: [layer_default_width, layer_default_height], //宽高
            content: "${ctx}/admin/news/detail?id=" + id,
          /*  btn: ['确定', '取消'],*/
            yes: function(index, layero){ //或者使用btn1
                var detailForm = layer.getChildFrame('form', index);
                console.log(detailForm);
                detailForm.ajaxSubmit({
                    success: function(data) {
                        if (isSuccess(data)) {
                            layer.close(index);
                            reload();
                        } else {
                        }
                    }
                });
            }, cancel: function(index){ //或者使用btn2
                //按钮【按钮二】的回调
            }
        });
    }

    var page = "${page.page}";
    function reload() {
        page_submit(page);
    }

    function del() {

        var selections = $('#table').bootstrapTable('getAllSelections');
        if (selections.length < 1) {
            error('请选择要删除的记录');
            return;
        }
        layer.confirm('确认要删除吗?', {icon: 3, title:'提示'}, function(index){
            var ids = new Array();
            for (var i = 0; i < selections.length; i++) {
                ids.push(selections[i].id);
            }
            $.ajax({
                url: "${ctx}/admin/news/delete",
                data: {
                    ids: ids.join(',')
                },
                success: function(data) {
                    if (isSuccess(data)) {
                        layer.close(index);
                        reload();
                    }
                }
            });
        });

        <%--k.layer.del("${ctx}/admin/news/delete");--%>
    }
    paging('pagination', ${page.totalPages}, ${page.page});

</script>
</body>
</html>